/**
 * In this file, we create a React component
 * which incorporates components provided by Material-UI.
 */
import React, {Component} from 'react';

import VideoPlayer from './VideoPlayer.react.js';


const styles = {
    container: {
        textAlign: 'center',
        paddingTop: 200,
    },
};

export default class Main extends Component {
    constructor(props, context) {
        super(props, context);
        this.state = {};
    }

    render() {
        const videoJsOptions = {
            autoplay: true,
            controls: true,
            width: 375,
            height: 300,
            sources: [{
                src: "http://hls-live.jia.360.cn/live_jia_public/_LC_RE_non_360M072915915077639341026119_BX/index.m3u8",
                type: 'application/x-mpegURL'
            }],
            hls: {
                withCredentials: true
            }
        };

        return (<VideoPlayer {...videoJsOptions} />);
    }
}
